<template>
  <view class="page flex-col">
    <view class="group_10 flex-col">
      <text class="text_2">发票详情</text>
      <view class="group_3 flex-col">
		<radio-group>
			 <view class="block_4 flex-row">
		  <text class="text_3">抬头类型</text>
		  <view class="image-text_5 flex-row justify-between">
			<radio name="type"></radio>
			<text class="text-group_1">企业单位</text>
		  </view>
		  <view class="image-text_6 flex-row justify-between">
			<radio name="type"></radio>
			<text class="text-group_2">个人/非企业</text>
		  </view>
		  </view>
	  </radio-group>
        <image
          class="image_1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2225dbe08fdfdf33812f9a82440c0ce582a074ed79fc6543484a9592eff46b49"
        />
        <view class="text-wrapper_7 flex-row justify-between">
          <text class="text_4">公司名称</text>
		   <input class="text_5" type="text" placeholder="请输入公司名称" />
        </view>
        <image
          class="image_2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2225dbe08fdfdf33812f9a82440c0ce582a074ed79fc6543484a9592eff46b49"
        />
        <view class="text-wrapper_8 flex-row justify-between">
          <text class="text_6">公司税号</text>
		  <input class="text_7" type="text" placeholder="填写纳税人识别号" />
        </view>
      </view>
      <view class="input_1 flex-row">
        <text class="text_8">总金额</text>
		<input class="text_9" type="text" placeholder="22.98" />
      </view>
      <text class="text_10">接收方式</text>
      <view class="group_4 flex-col justify-end">
        <view class="text-wrapper_9 flex-row justify-between">
          <text class="text_11">电子邮箱</text>
		  <input class="text_12" type="text" placeholder="用于向您发送电子发票和行程单" />
        </view>
        <image
          class="image_3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2225dbe08fdfdf33812f9a82440c0ce582a074ed79fc6543484a9592eff46b49"
        />
      </view>
      <view class="group_5 flex-row">
        <text class="text_13">发送行程单</text>
		<checkbox class="group_6" name="sendFlag"></checkbox>
      </view>
    </view>
    <button class="button_1 flex-col" @click="onClick_1">
      <text class="text_14">提交</text>
    </button>
	<view class="shadeBgk" v-show="flag"></view>
	<view class="group_2 flex-col" v-show="flag">
	  <view class="block_1 flex-row justify-between">
		<text class="text_1">开具电子发票</text>
		<view @click="close">
			<image
			  class="icon_1"
			  referrerpolicy="no-referrer"
			  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0b92dd17631df362c6a99d4475502954c3cf4b86b16b22abb4af9aaba69b6cce"
			/>
		</view>
	  </view>
	  <view class="text-wrapper_7 flex-row justify-between">
		<text class="text_2">发票类型</text>
		<text class="text_3">个人/非企业</text>
	  </view>
	  <view class="list_3 flex-row">
		<view
		  class="text-wrapper_8 flex-col justify-between"
		  v-for="(item, index) in loopData0"
		  :key="index"
		>
		  <text
			class="text_4"
			:style="{ color: item.lanhufontColor0 }"
			v-html="item.lanhutext0"
		  ></text>
		  <text
			class="text_5"
			:style="{ color: item.lanhufontColor1 }"
			v-html="item.lanhutext1"
		  ></text>
		</view>
	  </view>
	  <view class="text-wrapper_9 flex-row justify-between">
		<text class="text_6">公司税号</text>
		<text class="text_7">
		  9152&nbsp;0114&nbsp;5519&nbsp;2970&nbsp;54
		</text>
	  </view>
	  <image
		class="image_1"
		referrerpolicy="no-referrer"
		src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngec1aba31a3b6edbfed5a77287f2389109054613031cba795f4034648cf7baff7"
	  />
	  <text class="text_8">
		请核对填写发票信息是否正确，电子发票将在平台开具后发送至您的邮箱，请注意查收
	  </text>
	  <button class="button_1 flex-col" @click="submitInvoice">
		<text class="text_9" >确认提交</text>
	  </button>
	</view>
  </view>
</template>
<script>
export default {
  data() {
    return {
		flag:false,
	  loopData0: [
		  {
			lanhutext0: '公司名称',
			lanhufontColor0: 'rgba(153,153,153,1)',
			lanhutext1: '公司税号',
			lanhufontColor1: 'rgba(153,153,153,1)',
		  },
		  {
			lanhutext0: '贵州壹比特科技有限公司',
			lanhufontColor0: 'rgba(51,51,51,1)',
			lanhutext1: '贵州壹比特科技有限公司',
			lanhufontColor1: 'rgba(51,51,51,1)',
		  },
		],
      constants: {},
    };
  },
  methods: {
    onClick_1() {
      this.flag=true;
    },
	close(){
		this.flag=false;
	},
	submitInvoice(){
		uni.navigateTo({
			url:"/pages/xyqc/sfc/client/invoice-success/invoice-success"
		})
	}
  },
};
</script>
<style>
@import '/static/module/common.css';
@import '/static/module/invoice.css';
</style>
